<template>
    <router-link to = '/login' class="nologin" >
        <div class="user-img">
            <img src="./../../assets/1.png" >
        </div>
        <div class="log">请登录</div>
    </router-link>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
@import '@/lib/reset.scss';
.nologin {
    @include rect(100%, 100%);
    @include flexbox();
    @include flex-direction(column);
    @include justify-content();
    @include align-items();
    //用户头像
    .user-img {
        @include rect(0.8rem, 0.8rem);
        border-radius: 50%;
        border: 0.01rem solid #666;
        background: #fff;
        img {
            @include rect(0.6rem, 0.6rem);
            @include margin(0.1rem 0.1rem)
        }
    }
    .log {
        @include rect(100%, 0.3rem);
        line-height: 0.3rem;
        text-align: center;
        font-size: 0.16rem;
        @include margin(0.1rem 0 0 0);
        color: #666
    }
}
</style>
